<include file="Layout/header" />
<body>
 <div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
							<li class="active">权限管理</li>
						</ul>
</div>
<div class="page-content">
 <div class="row">
<ul id="myTab" class="nav nav-tabs">
  <li class="active"> <a href="#home" data-toggle="tab">权限列表</a></li>
  <li> <a href="javascript:;" onClick="add()">添加权限</a></li>
</ul>

<div id="myTabContent" class="table-responsive">
  <div class="dataTables_wrapper" id="home">
    <table class="table table-striped table-bordered table-hover dataTable" id="example-advanced">
      <tr role="row">
        <th>权限名</th>
        <th>权限</th>
        <th>操作</th>
      </tr>
      <foreach name="data" item="v">
        <if condition="$v.pid eq 0">
        <tr data-tt-id="{$v.id}">
          <else />
        <tr data-tt-id="{$v.id}" data-tt-parent-id="{$v.pid}">
        </if>
           
          <if condition="$v._level eq 3" >
          <td style="padding-left:45px">{$v['_name']}</td>
          <else /> 
          <td>{$v['_name']}</td>
          </if>
          <td>{$v['name']}</td>
          <td><a href="javascript:;" ruleId="{$v['id']}" onClick="add_child(this)">添加子权限</a> | <a href="javascript:;" ruleId="{$v['id']}" ruleName="{$v['name']}" ruleTitle="{$v['title']}" onClick="edit(this)">修改</a> | <a href="javascript:if(confirm('确定删除？'))location='{:U('Admin/Rule/delete',array('id'=>$v['id']))}'">删除</a></td>
        </tr>
      </foreach>
    </table>
  </div>
</div>
</div>
</div>
<div class="modal fade" id="bjy-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times;</button>
        <h4 class="modal-title" id="myModalLabel"> 添加权限</h4>
      </div>
      <div class="modal-body">
        <form id="bjy-form" class="form-inline" action="{:U('Admin/Rule/add')}" method="post">
          <input type="hidden" name="pid" value="0">
          <table class="table table-striped table-bordered table-hover table-condensed">
            <tr>
              <th width="12%">权限名：</th>
              <td><input class="form-control" type="text" name="title"></td>
            </tr>
            <tr>
              <th>权限：</th>
              <td><input class="form-control" type="text" name="name">
                输入模块/控制器/方法即可 例如 Admin/Rule/index</td>
            </tr>
            <tr>
              <th></th>
              <td><input class="btn btn-success" type="submit" value="添加"></td>
            </tr>
          </table>
        </form>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="bjy-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times;</button>
        <h4 class="modal-title" id="myModalLabel"> 修改权限</h4>
      </div>
      <div class="modal-body">
        <form id="bjy-form" class="form-inline" action="{:U('Admin/Rule/edit')}" method="post">
          <input type="hidden" name="id">
          <table class="table table-striped table-bordered table-hover table-condensed">
            <tr>
              <th width="12%">权限名：</th>
              <td><input class="form-control" type="text" name="title"></td>
            </tr>
            <tr>
              <th>权限：</th>
              <td><input class="form-control" type="text" name="name">
                输入模块/控制器/方法即可 例如 Admin/Rule/index</td>
            </tr>
            <tr>
              <th></th>
              <td><input class="btn btn-success" type="submit" value="修改"></td>
            </tr>
          </table>
        </form>
      </div>
    </div>
  </div>
</div>
<include file="Layout/js"/>
 <link rel="stylesheet" href="__ADMIN_CSS__/jquery.treetable.css" />
 <script src="__ADMIN_JS__/jquery.treetable.js"></script>
 <script type="text/javascript">
      jQuery(function($) {
        $("#example-advanced").treetable({  
             expandable : true  ,
             //column:1
            }); 
           
      })
    </script> 
<script>

// 添加菜单
function add(){
	$("input[name='title'],input[name='name']").val('');
	$("input[name='pid']").val(0);
	$('#bjy-add').modal('show');
}

// 添加子菜单
function add_child(obj){
	var ruleId=$(obj).attr('ruleId');
	$("input[name='pid']").val(ruleId);
	$("input[name='title']").val('');
	$("input[name='name']").val('');
	$('#bjy-add').modal('show');
}

// 修改菜单
function edit(obj){
	var ruleId=$(obj).attr('ruleId');
	var ruletitle=$(obj).attr('ruletitle');
	var ruleName=$(obj).attr('ruleName');
	$("input[name='id']").val(ruleId);
	$("input[name='title']").val(ruletitle);
	$("input[name='name']").val(ruleName);
	$('#bjy-edit').modal('show');
}
</script>
</body>
</html>